<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/amazeui.min.css" />
		<link rel="stylesheet" href="../css/amazeui.datatables.min.css" />
		
		<script type="text/javascript" src="../js/jquery-1.11.3.min.js" ></script>
		<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="../js/jquery-ui.min.js" ></script>
		<link rel="stylesheet" href="../css/admin.css" />
		<title>教学日历管理系统管理员端</title>
		<script>
		  $(function() {
		    var startDate = new Date(2017, 11, 20);
		    var endDate = new Date(2017, 11, 25);
		    var $alert = $('#my-alert');
		    $('#my-start').datepicker().
		      on('changeDate.datepicker.amui', function(event) {
		        if (event.date.valueOf() > endDate.valueOf()) {
		          $alert.find('p').text('开始日期应小于结束日期！').end().show();
		        } else {
		          $alert.hide();
		          startDate = new Date(event.date);
		          $('#my-startDate').text($('#my-start').data('date'));
		        }
		        $(this).datepicker('close');
		      });
		
		    $('#my-end').datepicker().
		      on('changeDate.datepicker.amui', function(event) {
		        if (event.date.valueOf() < startDate.valueOf()) {
		          $alert.find('p').text('结束日期应大于开始日期！').end().show();
		        } else {
		          $alert.hide();
		          endDate = new Date(event.date);
		          $('#my-endDate').text($('#my-end').data('date'));
		        }
		        $(this).datepicker('close');
		      });
		  });
		  
		</script>
		<style>
		.main-top{
			position: relative
		}
		.main_left{
			position:absolute; 
				top:88px; 
		}
			.main-right{
				position:absolute;
				width: 1200px;
				height: 1000px;
				padding-left: 200px;
				top: 200px;
			}
			.bt1{
				position: absolute;
				top: 250px;
				left: 50%;
				width: 200px;
				height: 40px;
			}
			
			
		</style>
	</head>
	<body bgcolor="#757575">
		
		<div class="main-top">
			<nav class="navbar" >
				<div class="navbar-primary">
					<div class="collapse navbar-collapse" id="head1">
						<ul class="nav navbar-nav">
							<li class="active">教学日历管理与服务平台_管理员 </li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li class="set">
								<a href="#" class="dropdown-toggle1" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-cog">设置</i> <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="StuZL.html">个人资料</a></li>
									<li><a href="pwd.html">密码管理</a></li>
									<li><a href="pwd.html">退出系统</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
			<!--左边菜单-->
			<div class="main_left">
				<nav class="left">
					<ul class="Student">
					  <li class="Stu-mune"><a class="Student" style="text-decoration: none ;">设置周</a></li>
					  <li class="Stu-mune"><a href="" style="text-decoration: none ;">权限管理</a></li>
					  <li class="Stu-mune"><a href=""style="text-decoration: none ;">事务管理</a></li>
					  <li class="Stu-mune"><a href=""style="text-decoration: none ;">信息管理</a></li>
					  <li class="Stu-mune"><a href=""style="text-decoration: none ;">课程调整</a></li>
					  <li class="Stu-mune"><a href=""style="text-decoration: none ;">组别管理</a></li>
					  <li class="Stu-mune"><a href=""style="text-decoration: none ;">节次调整</a></li>
					</ul>
				</nav>
			</div>
			<!--右边菜单-->
			<script type="text/javascript" src="../js/amazeui.datatables.min.js" ></script>
			<script type="text/javascript" src="../js/amazeui.min.js" ></script>
			<div class="main-right">
				<nav class="right">
					
					<div class="am-g">
					  <div class="am-u-sm-4">
					    <button type="button" class="am-btn am-btn-default am-margin-right" id="my-start">开始日期</button><span id="my-startDate">2017-12-20</span>
					  </div>
					  <div class="am-u-sm-4">
					    <button type="button" class="am-btn am-btn-default am-margin-right" id="my-end">结束日期</button><span id="my-endDate">2017-12-25</span>
					  </div>
					  
					  
					  <div class="am-u-sm-4">
							<div class="week">
								<input class="filter-title" type="text" placeholder="请填写周数" style="height: 35px;" />
							</div>
					  </div>
					</div>
					<input type="button" class="bt1" value="确认" />
				</nav>
			</div>
			
	</body>
	
</html>
